<!--
 * @Author: 贺永胜
 * @Date: 2022-01-28 02:25:05
 * @email: 1378431028@qq.com
 * @LastEditors: 贺永胜
 * @LastEditTime: 2022-01-31 03:07:06
 * @Descripttion: 
-->
<template>
  <div class='wrap'>
    <h1>百里青山的临时主页</h1>
    <div class="user-info">
      <div class="gzh">
        <img src="img/gz.jpg" alt="">
        <p class="gzh-text">公众号：百里青山</p>
      </div>
    </div>
    <div class="nav-item">
      <p>掘金主页地址：<a target="_blank" href="https://juejin.cn/user/2911162523723566">https://juejin.cn/user/2911162523723566</a></p>
    </div>
    <div class="nav-item">
      <p>vue图片预览插件地址：<a target="_blank" href="https://heyongsheng.github.io/">https://heyongsheng.github.io/</a></p>
    </div>
    <div class="nav-item">
      <p>前端开源游戏-抗疫的汤圆 在线体验地址：<a target="_blank" href="https://ihope_top.gitee.io/tangyuan-kangyi/">https://ihope_top.gitee.io/tangyuan-kangyi/</a></p>
      <p>前端开源游戏-抗疫的汤圆 文章教程地址：<a target="_blank" href="https://juejin.cn/post/7059071612322054157/">https://juejin.cn/post/7059071612322054157/</a></p>
    </div>
    <div class="nav-item">
      <p>vue新春游戏-年兽大作战 在线体验地址：<a target="_blank" href="http://ihope_top.gitee.io/new-year-game/">http://ihope_top.gitee.io/new-year-game/</a></p>
      <p>vue新春游戏-年兽大作战 文章教程地址：<a target="_blank" href="https://juejin.cn/post/7051464086722183205">https://juejin.cn/post/7051464086722183205</a></p>
    </div>
    <div class="nav-item">
      <p>vue新春游戏-拼手速抢车票 在线体验地址：<a target="_blank" href="http://ihope_top.gitee.io/new-year-game/">http://ihope_top.gitee.io/new-year-game/</a></p>
      <p>vue新春游戏-拼手速抢车票 文章教程地址：<a target="_blank" href="http://ihope_top.gitee.io/word-ticket/">http://ihope_top.gitee.io/word-ticket/</a></p>
    </div>
  </div>
</template>

<script>

export default {
  name: '',
  data() {
    return {}
  },
}
</script>
<style scoped>
.wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #101d2f;
  padding: 20px;
}
h1 {
  text-align: center;
  color: #fff;
  margin-top: 20px;
}
.user-info {
  margin: 20px;
}
.gzh {
  margin: auto;
  width: 300px;
}
.gzh img {
  width: 300px;
}
.gzh-text {
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
  text-align: center;
}
a {
  color: #fff;
  /* text-decoration: none; */
}
.nav-item {
  color: #fff;
  font-size: 18px;
  margin-top: 20px;
}
</style>